HTML (Hyper Text Markup Language) is the language in which web pages are written. It consists of tags which a browser will recognise as commands and convert information and pictures to a visual representation accordingly.
CONTENTS:
DEFINING COLOUR WITHIN A DOCUMENT
CHANGING SECTIONS OF COLOUR WITHIN THE SAME DOCUMENT
The necessary tags in which the content of a web page are placed are as follows:
<HTML> - this tells the browser that the language of the web page is HTML.
<TITLE> - this is the title of the page...it appears in the bar at the top of the browser window.
<HEAD> - if you want to include a header in your page.
<BODY> - this is where the main 'body' of a homepage is placed.
It is important that if a tag is opened then it must be closed again afterwards. This can be done by repeating the tag and including a backslash after the open brackets. For example: to close <HTML>, you would write </HTML> after you have placed all the necessary HTML in between the tags.
Thus the general form for a web page will be:
<HTML>
<HEAD> {insert information or tags here}
</HEAD>
<BODY> {insert information or tags here}
</BODY>
</HTML> {end of html here}
DEFINING COLOUR WITHIN A DOCUMENT
Once you have completed this layout it is important to define the colours of the text, background and links of the page. This can be done in the 'BODY' tag as this defines the body of the text included in the HTML document.
The components of the body tag should include the background colour (or pattern), the text colour, and link, active link and visited link colours. These colours should be defined using hexadecimal codes, and preceded by a '#' symbol.
<BODY BGCOLOR='#{insert hexadecimal here}' TEXT='#{insert hexadecimal here}' LINK='#{insert hexadecimal here}' ALINK='#{insert hexadecimal here}' VLINK='#{insert hexadecimal here}'>
CHANGING SECTIONS OF COLOUR WITHIN THE SAME DOCUMENT
To change the colour of a word or section of text within a document, the 'font colour' tag must be used. In this code, the name of colours are used and not hexadecimal codes as shown in the 'BODY' tag. The text that is being changed from the colour it has been defined as in the 'BODY' tag must be placed in-between the start and end of the 'font colour' tag.
For example:
<font colour=red>This font has been changed to red</font colour=red>
would appear as:
This font has been changed to red
It is important to remember that tags must be closed and that to do this the beginning tag must be repeated but the information within the tag is to be preceded by a backslash ' / '.
Before inserting a graphic, you must remember to download the file to a directory within your computer and then upload it to the editor you are using.
To download: right click your mouse over the image and select the 'save image as...' option, then select the directory and file you would like to store the image in.
Once you have saved the graphic, it can be inserted into the document using the following tag:
<img src={insert filename of graphic here}>
Example: <img src=.gif>
Would look like:
Note: the image tag does not need to be 'closed'
Text in a document can be displayed in a variety of styles, without having to upload a font style file to the directory of your web page. Text can be italic, bold or blinking. To do this, the following tags must be used.
<i>This font is in italic face</i> will appear as This font is in italic face
<b>This font is in bold face</b> will appear as This font is in bold face
<blink>This font is blinking</blink> will appear as This font is blinking
Note: These tags can also be combined, for example to produce bold text which blinks.
